@import url("common.css");
@charset 'utf-8';
/* 옛한글사용하기 위한 구글폰트 연결 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

#wrap {width:100%; background:#fff url("../images/main_bg.png") no-repeat 0 0; }
#wrap_main {width:100%; background: url("../images/main_bg2.png") no-repeat left top; 
background-size: cover;}
#wrapper:after {content:''; display:block; clear:both; }

/* header */
#header {position:absolute; height:50px; margin:0 auto;  width:1110px;   background:#fff; }
#header:after {content:''; display:block; clear:both;}
#header .headerWrap {z-index:100; height:120px; width:100%; position:relative; }
#header .headerWrap {z-index:100; height:120px; width:100%; position:relative; }
/*로고*/
#header h1.logo { diplay:inline-block;float:left; width:250px;}
#header h2.logo_100 {float:left; margin-top:3px; }
#header h2.logo_title2 {float:left;}

.headerWrap .util2 {position: absolute;	top: 71px;	left: 12px;}
.headerWrap .util {
	position: absolute;
	top: 2px;
	left: 850px;
}
.headerWrap .util p {font-size:14px; color:#a9342b; font-weight:bold; }
.headerWrap .util > ul {  }
.headerWrap .util > ul > li {float:left; text-align:right; font-size:13px; color:#d1d1d1; font-family:'NanumBold'; padding:5px 10px 7px 14px;  }
.headerWrap .util > ul > li .last {border:none; }
.headerWrap .util > ul > li > a {color:#d1d1d1; }
.headerWrap .util > ul > li > .on a,
.headerWrap .util > ul > li > a:hover, 
.headerWrap .util > ul > li > a:focus,
.headerWrap .util > ul > li > a:active /* mouseover */
.headerWrap .util > ul > li:hover > a {color:#ffd75f;}

/* 메인검색영역 */
#header .title_search {	position: absolute;	top:130px;	left: 180px; width: 800px;}
#header .title_search  ul{display:inline;}
#header .title_search  ul li{float:left; font-size:14px; color:#d1d1d1; font-family:'NanumBold';margin-left:20px;}
#header .title_search  ul li.title_txt{padding-top:20px; line-height:20px; }

/* 검색 */
.box_search { width:400px; margin:0 auto; text-align:center;  padding:30px 0;}
.box_search input { border:0 none;  font-size:13px; width:320px; height:38px; line-height:23px; color:#fff; padding:0 4px; float:left; background:#1ab283;}
.box_search button {  width:47px; height:38px; border:none; background:url("../images/btn_search.gif") no-repeat 0 0; text-indent:-10000px; float:left;}


/*메뉴*/
#header .gnb {  position: absolute; top: 60px;  left: 520px; width: 650px; z-index:1;}
#header .gnb .gnb_menuWr:after {content:"";clear:both; display:block;}
#header .gnb .gnb_menu {position:relative; float:left; font-size:14px; font-family:'NanumBold';}
#header .gnb .gnb_menu a.depTit {color:#6fb7dd; width:133px; padding:1px 5px; text-align:center; display:block; height:33px; line-height:33px; margin-right:4px; border:2px solid #f00; border:1px solid #071f3b; background:#071f3b;}
#header .gnb .gnb_menu a.depTit:hover, 
#header .gnb .gnb_menu a.depTit.on 
#header .gnb .gnb_menu.m01 a.depTit,
#header .gnb .gnb_menu.m02 a.depTit
#header .gnb .gnb_menu.m03 a.depTit,
#header .gnb .gnb_menu.m04 a.depTit
#header .gnb .gnb_menu.m01 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m02 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m03 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m04 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m01 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m02 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m03 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m04 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb .gnb_menu.m01 a.depTit
#header .gnb .gnb_menu.m02 a.depTit,
#header .gnb .gnb_menu.m03 a.depTit{ background-image:url(../images/page/menu03.png);}
#header .gnb .gnb_menu.m04 a.depTit{ background-image:url(../images/page/menu04.png);}


#header .gnb2 {	position: absolute;	top: 185px;	left: 490px;width: 650px;}
#header .gnb2 .gnb_menuWr:after {content:"";clear:both; display:block;}
#header .gnb2 .gnb_menu {position:relative; float:left; font-size:14px; font-family:'NanumBold';}
#header .gnb2 .gnb_menu a.depTit {color:#6fb7dd; width:133px; padding:1px 5px; text-align:center; display:block; height:33px; line-height:33px; margin-right:4px; border:2px solid #f00; border:1px solid #071f3b; background:#071f3b;}
#header .gnb2 .gnb_menu a.depTit:hover, 
#header .gnb2 .gnb_menu a.depTit.on 
#header .gnb2 .gnb_menu.m01 a.depTit,
#header .gnb2 .gnb_menu.m02 a.depTit
#header .gnb2 .gnb_menu.m03 a.depTit,
#header .gnb2 .gnb_menu.m04 a.depTit
#header .gnb2 .gnb_menu.m01 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m02 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m03 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m04 a.depTit:hover{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m01 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m02 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m03 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m04 a.depTit.on{ background:#003964; color:#fff;}
#header .gnb2 .gnb_menu.m01 a.depTit
#header .gnb2 .gnb_menu.m02 a.depTit,
#header .gnb2 .gnb_menu.m03 a.depTit{ background-image:url(../images/page/menu03.png);}
#header .gnb2 .gnb_menu.m04 a.depTit{ background-image:url(../images/page/menu04.png);}

#header .quick{	position: absolute;	top: 71px;	left: 974px;}
#header .quick span{display:inline-block; }

#contents {height:800px;}
.type{position:absolute; top:270px; left:210px;}
.main_list {}
.main_list > li {clear:both; position:relative; right:-480px; top:150px; height:395px; width:570px; padding-top:100px; }
.main_list > li.cate1 { margin-top:-25px;}
.main_list > li .inner {width:670px; margin:0 auto; }

/* main_cate1 ============================================================ */
.main_list > li.cate1 .top_tit {padding:23px 0 0; text-align:center;}
.main_list > li.cate1 .top_tit .tit_main {background:none; margin-bottom:17px; padding:0;}
.main_list > li.cate1 .top_tit .txt_main {line-height:1.3; font-size:12px; color:#252161;}
/* bx-slider ==================== */
.main_list li.cate1 .bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0; background:none; }
.main_list li.cate1 .bx-wrapper .bx-pager {position:absolute; top:32px; left:46%; margin-left:-86px;}
.main_list li.cate1 .bx-wrapper img {margin:56px auto 0;}
.main_list li.cate1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{top:30px; right: 50px; width:50px;}
/* pager */
.main_list li.cate1 .bx-wrapper .bx-pager {padding-top:0;}
.main_list li.cate1 .bx-wrapper .bx-pager .bx-pager-item {}
.main_list li.cate1 .bx-wrapper .bx-pager.bx-default-pager a { width:24px; height:7px; margin:0 2px 0 1px; border-radius:none !important; background:#FFF;}
.main_list li.cate1 .bx-wrapper .bx-pager.bx-default-pager a:focus,
.main_list li.cate1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_list li.cate1 .bx-wrapper .bx-pager.bx-default-pager a.active {border-radius:none; background:#ff7900;}
/* controls */
.main_list li.cate1 .bx-wrapper .bx-prev {padding-top:30px;left:10px; background:url("../images/main_user_sec01_rolling_ctrl_lf.png") no-repeat 0 20px;}
.main_list li.cate1 .bx-wrapper .bx-next {padding-top:30px;right:10px; background:url("../images/main_user_sec01_rolling_ctrl_rg.png") no-repeat 0 20px;}
.main_list li.cate1 .bx-wrapper .bx-prev:hover {background-position:0 20px;}
.main_list li.cate1 .bx-wrapper .bx-next:hover {background-position:0 20px;}
.main_list li.cate1 .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-39px; outline:0; width:26px; height:44px; text-indent:-9999px; z-index:9999;}
.main_list li.cate1 .bx-wrapper .bx-controls-auto .bx-start{background: url(../images/bx_start.png) center center no-repeat; width:16px;}
.main_list li.cate1 .bx-wrapper .bx-controls-auto .bx-stop{background: url(../images/bx_stop.png) center center no-repeat;width:16px;}
.main_list li.cate1 .bx-wrapper .bx-controls-auto .bx-start:focus,
.main_list li.cate1 .bx-wrapper .bx-controls-auto .bx-stop:focus{border:1px solid black}


#container_wrap {position:absolute; top:140px; width:100%; margin:20px auto; clear:both; z-index:100; width:100%;  }
#container_wrap:after {content:""; display:block; clear:both;}

.container_box {float:left; width:1110px; height:580px;margin:5px 20px 0 20px;  background:#f9f9f9;overflow:hidden;}
.container_box .search_box {float:left;width:1100px; padding:20px 0 10px 20px;}
.container_box .search_box .section01 {float:left;width:250px; margin-right:20px}
.section01 ul {float:left;width:250px; margin-right:20px}
.container_box .search_box .section01 ul li {font-family:"NanumBold"; font-size:16px;  line-height:30px;  }
.container_box .search_box .section01 ul li.s_title{font-family:"NanumBold"; font-size:18px; height:40px; padding-left:40px; margin-bottom:5px;background: url(../images/bullet01.jpg) 0 0 no-repeat;border-bottom:1px solid #a2a2a2;}
.container_box .search_box .section02 ul li {font-family:"NanumBold"; font-size:16px;  line-height:30px;  }
.container_box .search_box .section02 ul li.s_title{font-family:"NanumBold"; font-size:18px; height:40px; padding-left:40px; margin-bottom:5px;background: url(../images/bullet01.jpg) 0 0 no-repeat;border-bottom:1px solid #a2a2a2;}
.container_box .search_box .section03 {position: relative; float:left;width:520px; margin-right:20px}
.container_box .search_box .section03 ul li.s_title{font-family:"NanumBold";line-height:30px;  font-size:18px; height:40px; padding-left:40px; margin-bottom:5px;background: url(../images/bullet01.jpg) 0 0 no-repeat;border-bottom:1px solid #a2a2a2;}



/* ==============================
navigation
============================== */
.navWrap {width: 100%; height:40px; font-family:"NanumBold";}
.navWrap nav {position:relative; width:380px; }
.navWrap nav a {display: inline-block; color: #fff; font-size: 14px; width:110px; font-weight:bold;padding:10px 6px; background:#99999c; text-align:center; margin-right:2px; }
.navWrap nav a:hover {color:#fff; background:#003964; }

.gnb-menu { margin: 0; padding: 0; }
.gnb-menu li {float: left; list-style:none; position: relative;}

.gnb-menu li a:hover{color:#fff;  display:block; background:#b1312d; }
.gnb-menu li a.on {color:#fff;  display:block; background:#b1312d; }
.gnb-menu ul { background:#fff;border-top:0; display: none; padding: 0; position: absolute; left:0; top:36px; width: 122px; z-index: 999999;}
.gnb-menu ul li { float: none;background:#fff; color:#333; }

.gnb-menu ul>li>ul>li a{ background:#fff; color:#000; }
.gnb-menu ul li:hover a { color: #fff;  background:#99999c; }
.gnb-menu ul a {;color: #333; font-size: 12px; text-align: left; display: inline-block; padding: 11px 0 11px 11px; background: url("../images/global/bullet.jpg") no-repeat; background-position: 36px 20px; }


.gnb-menu ul ul { left: 100%; top: 0; }
.gnb-menu ul ul li {float:left; margin-right:10px;}
.gnb-menu ul li a.on {color:#333;  display:block; background:#fff;  }


/* 검색 */
.box_search { position:absolute; top:-25px; left:750px; margin:0 auto; text-align:center;  padding:30px 0;}
.box_search input { border:0 none;  font-size:13px; width:320px; height:38px; line-height:23px; color:#fff; padding:0 8px; float:left; background:#3b6788;}
.box_search button {  width:47px; height:38px; border:none; background:url("../images/btn_search.gif") no-repeat 0 0; text-indent:-10000px; float:left;}


/* 내용 */
.sub_cont{width:1110px; }
.s_title_area{width:1110px;  margin:0 auto; }
.s_title_area .st{ width:180px; font-size:20px; height:30px; padding-top:5px; font-weight:bold; margin:0 auto; text-align:center; color:#003964; border:1px solid #3b6788;}
.s_title_area .key{ width:1000px; font-size:13px; height:30px; line-height:30px; margin:0 auto; text-align:center; color:#a9342b; }
.s_title_area .key .ktitle{display:inline-block; padding:0 4px; width:80px;  border-top:1px solid #a9342b;  border-bottom:1px solid #a9342b;margin-right:20px; color:#a9342b; }
.s_title_area .key span{display:inline-block; padding:0 10px; }
.s_title_area .box_choice{background:#f6f6f6; border:1px solid #d4d4d4; vertical-align: middle;  width:1000px; font-size:13px; color:#3c3c3c; height:35px; line-height:30px; margin:10px auto; text-align:center;}
.s_title_area .box_choice span{display:inline-block; height:20px;  line-height:20px; vertical-align: middle; padding:0 10px; }
.s_title_area .box_choice span .checkbox{display:inline-block; margin-right:10px; }



.sub_cont{width:1110px; }
.temp_area{width:1110px;  margin:0 auto; }

/* 게시판 형식 테이블 */
.list_box{width:1070px; margin-left:20px; margin-right:20px;}
.list_box .bbsTy1 { width:100%; overflow:hidden; border-top:1px solid #3c3c3c; font-family:"Nanum"; font-size:16px;}
.list_box .bbsTy1 table.data { width:100%; margin-left:-1px; }
.list_box .bbsTy1 table.data th { padding:10px 6px 10px 6px; color:#fff; line-height:26px; font-weight:normal; border-bottom:1px solid #d7d7d7; background-color:#2b2b2b; }
.list_box .bbsTy1 table.data thead th { padding-left:0; padding-right:0; text-align:center; border-left:1px solid #d7d7d7;}
.list_box .bbsTy1 table.data tbody th { padding-left:12px; padding-right:12px; text-align:left}
.list_box .bbsTy1 table.data td { padding:10px; line-height:26px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; color:#585858; text-align:center; }
.list_box .bbsTy1 table.data a{ color:#585858; }
.list_box .bbsTy1 table.data a:hover { color:#2caca4; text-decoration:underline;}
.list_box .bbsTy1 table.data tr.line td{ border-top:1px solid #666}

/* 보기버튼 */
.list_box .bbsTy1 table.data .list_btn_on {text-align:center; padding:6px 12px; }
.list_box .bbsTy1 table.data .list_btn_on a {-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-weight:bold; color:#ffffff; background:#1ab283;  padding:6px 12px; }
.list_box .bbsTy1 table.data .list_btn_on a:hover {-webkit-border-radius: 2px 2px 2px 2px; text-decoration: none; border-radius: 2px 2px 2px 2px; color:#ffffff; font-weight:bold; background:#ff8a00;  padding:6px 12px; }


/* 페이지번호 이동 */
.page_wrap {clear:both; float:left;  margin-left:26px;  margin-top:1px; width:90%; padding:6px 15px 10px 15px; text-align:center; font-size:14px;line-height:20px; font-family:"Nanum"; margin-top:20px;}
.page_wrap:after {content:" "; display:block; clear:both}
.page_wrap img {vertical-align:middle; padding:0; margin:0;}
.page_wrap a {margin-right:5px;}
.page_wrap a:hover { }
.page_wrap a.on {color:#fff; background:#767676; padding:2px 6px; -webkit-border-radius: 2px 2px 2px 2px; text-decoration: none; border-radius: 2px 2px 2px 2px; }
.page_wrap a:hover.first {background:#fff; }
.page_wrap a:hover.last {background:#fff; }
.page_wrap a:hover.pre {background:#fff; }
.page_wrap a:hover.next {background:#fff;}


/*썸네일*/
.thumlist{float:left;  width:97.5%; margin:0 auto; overflow:hidden; *padding-bottom:30px;background:#fff; padding-top:5px; padding-left:27px; }
.thumlist ul{ margin-left:10px; }
.thumlist li{ float:left; margin:0 13px 0px 10px;  width:175px; padding:4px 4px 4px 4px;  }
.thumlist li span{ display:inline-block; border:1px solid #d2d2d2; padding:6px;}
.thumlist li strong{ display:block; clear:both; font-family:"Nanum"; font-weight:normal; color:#666; font-size:14px; margin-bottom:10px; text-align:center; }
.thumlist li span.thum{ margin:0 auto; height:auto; display:block; float:left;  }
.thumlist li span.thum img{ width:154px; height:196px; border:1px solid #d0d2d4; padding:4px; }
.thumlist li p{clear:both; display:inline-block; width:100%; font-size:13px; color:#777777; text-align:left; padding-left:12px; margin-top:7px; background:url("../images/bu_dot.png") 2px 6px no-repeat; }
.thumlist li p.sp{background:url("../images/icon_dot05-1.png") 2px 6px no-repeat;}
.thumlist .btn_grp{ width:174px; clear:both; }
.thumlist .btn_grp a.btn{ width:83px; padding-top:1px;  float:left; } 

/*썸네일(타임라인 팝업)*/
.thumlist_tl{float:left;  width:388px; margin: 5px 0 0 0 ; overflow:hidden; *padding-bottom:0px ;background:#fff; padding-top:0px; padding-left:0px; }
.thumlist_tl ul{ margin-left:0px; }
.thumlist_tl li{ float:left; margin:0 0 0 0;  padding:0 0 0 0;  }
.thumlist_tl li span{ display:inline-block; border:1px solid #d2d2d2; padding:6px;}

.temp_conts_area{position:relative; float:left; width:1110px; height:405px; background:url("../images/cont_bg.png") no-repeat;}
.year_conts_area{float:left; width:100%;overflow-y:hidden;   padding:5px 0 0 0; margin:0 auto;  height:170px; background:url("../images/year_bg.png") no-repeat;}

.temp_conts_area .btn_zoom{position:absolute; bottom:25px; left:55px;}
.temp_conts_area .btn_detail{position:absolute; bottom:20px; left:55px;}
.temp_conts_area .btn_link{position:absolute; bottom:20px; left:200px;}

.temp_conts_area2{position:relative; float:left; width:1110px; height:405px; background:url("../images/cont_bg2.png") no-repeat;}
.year_conts_area2{float:left; width:100%;overflow-y:hidden;   padding:5px 0 0 0; margin:0 auto;  height:170px; background:url("../images/year_bg.png") no-repeat;}

.temp_conts_area2 .btn_zoom{position:absolute; bottom:25px; left:55px;}
.temp_conts_area2 .btn_detail{position:absolute; bottom:25px; left:55px;}
.temp_conts_area2 .btn_link{position:absolute; bottom:25px; left:155px;}


#year_contents{ width:3000px; height:160px; padding:2px; color:#fff; text-align:left;  }


.year_box{position:relative; overflow: hidden; display:inline-block;  height:150px; padding:0 10px; }
.year_box .year_bul{position:absolute; bottom:0; left:10px; background:url("../images/icon_dot05-2.png")0 4px no-repeat; padding:15px 10px 0 0; height:30px; width:100px; color:#fff;}


.ybox{position: relative; width:95px; display:inline-block; height:110px;  margin-bottom:27px; margin-right:4px; background:url("../images/line3.png")0px 22px no-repeat;}
.ytitle{position: absolute; left:10; bottom:77px;  width:95px;   background:#4f72a6; border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }
.ytitle a{color:#fff; height:20px; display:block; padding:5px 0 0 5px;}
.ytitle a:hover{background:#7797c7; color:#fff; display:inline-block; width:90px;  border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }
.ytitle a.on{background:#b1312d; border-top-left-radius:0px 90px;border-bottom-right-radius:60px 90px; }


.ybox1{position: relative; width:250px;display:inline-block; height:110px; margin-bottom:10px;   margin-right:4px;  background:url("../images/line2.png")0px 22px no-repeat;}
.ytitle1{position: absolute; left:0; bottom:77px; width:230px;   background:#4f72a6; border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }
.ytitle1 a{color:#fff; height:20px; display:block; padding:5px 0 0 5px;}
.ytitle1 a:hover{background:#7797c7; color:#fff; display:inline-block; width:225px;  border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }
.ytitle1 a.on{background:#b1312d; border-top-left-radius:0px 90px; border-bottom-right-radius:60px 90px; }


.ybox2{position: relative; width:130px;display:inline-block; height:130px; margin-bottom:10px;   margin-right:4px;  background:url("../images/line3.png")0px 28px no-repeat;}
.ytitle2{position: absolute; left:0; bottom:77px; width:130px; background:#4f72a6; border-top-left-radius:0px 90px; border-bottom-right-radius:60px 90px;}
.ytitle2 a{color:#fff; height:20px; display:block; padding:5px 0 0 5px;}
.ytitle2 a:hover{background:#7797c7; color:#fff; display:inline-block; width:125px;  border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }
.ytitle2 a.on{background:#b1312d; border-top-left-radius:0px 90px;
border-bottom-right-radius:60px 90px; }


.temp_conts_area .leftarrow{position:absolute; left:10px; top:200px; }
.temp_conts_area .rightarrow{position:absolute; right:10px; top:200px; }


.temp_conts_area .l_left{float:left; width:590px; height:340px; padding:50px 30px 10px 60px; }
.temp_conts_area .l_left .temp_title{ font-size:21px; display:inline-block; font-weight:bold; padding:7px 30px 7px 20px; color:#fff;background:#a51c21;border-top-left-radius:50px 90px;
border-bottom-right-radius:60px 90px}
.temp_conts_area .l_left .temp_subject{ color:#C01316; text-align: justify; font-size:16px; padding:20px 20px 10px 5px;}
.temp_conts_area .l_left p{ line-height:22px; font-size:14px;width:630px; height:300px; overflow-y:auto; overflow-x:hidden; padding-right:10px;}

.temp_conts_area2 .l_left2{float:left; width:1000px; height:500px; padding:50px 30px 10px 60px; overflow-y:scroll}
.temp_conts_area2 .l_left2 .temp_title{ font-size:18px; display:inline-block; font-weight:bold; padding:7px 30px 7px 20px; color:#fff;background:#174e78;border-top-left-radius:50px 90px;
border-bottom-right-radius:60px 90px}
.temp_conts_area2 .l_left2 .temp_subject{ color:#C01316; text-align: justify; font-size:16px; padding:20px 20px 10px 5px;}
.temp_conts_area2 .l_left2 p{ line-height:22px; font-size:14px;width:1000px;}

.temp_conts_area .r_right{float:left; width:360px; height:400px; margin-left:30px; line-height:400px;text-align:center;   }
.temp_conts_area .r_right img{vertical-align:middle;  max-width:100%; max-height:100%;}
.temp_conts_area .r_right .img_txt{position:relative; padding:5px 40px 30px 20px; line-height:17px;  width:290px; }
.temp_conts_area .r_right .img_txt>span{position:absolute; left:6px; bottom:8px; }


/*팁툴*/
.tooltip{ cursor:pointer; width:16px; height:16px; display:inline-block; overflow:visible; vertical-align:middle; font-size:0; line-height:0; white-space:nowrap; background:url("../images/icon/ico_btn.png") no-repeat 0 0;  margin-left:10px;}
#tooltip{ position:absolute; padding:15px; display:none; line-height:18px; font-family:"Nanum"; color:#fff; font-size:13px; text-align:justify; width:auto; max-width:240px; background:rgba(61,102,143,0.9); margin:14px 0 0 0;  z-index:200; top:100%; left:100%; border-radius:0 5px 5px 5px; } 
#tooltip:after {content:""; position:absolute !important; top:230px; z-index:100; border:0 solid rgba(61,102,143,0.9); border-top:14px solid transparent; width:100%; border-right-width:15px; left:-284px;}
#tooltip:before {content:""; position:absolute !important; border:0 solid rgba(61,102,143,0.9); bottom:-14px; z-index:100; }




.gallery_box {float:left; width:1110px; height:585px; margin:5px 20px 0 0px;   background:#fff url("../images/cont_bg3.jpg") no-repeat; overflow:hidden;}
.gallery_box ul {padding:19px 0px 0px 38px;}
.gallery_box ul li {float:left; width:112px; height:106px; margin:0 3px 4px 0;}

.over_textbox{width:100%; padding:10px; background:#000; font-size:12px; line-height:15px; color:#ffffff;}
.over_textbox2{width:1000px; padding:10px 23px 0 10px; background:#000; font-size:12px; line-height:17px; color:#ffffff; padding-bottom:28px;}
.over_textbox3{width:1000px; padding:10px 23px 0 10px; background:#000; font-size:12px; line-height:17px; color:#ffffff; padding-bottom:28px;}
.over_textbox4{width:1000px; padding:10px 23px 0 10px; background:#000; opacity: 0.9; font-size:15px; line-height:25px; color:#ffffff; padding-bottom:28px;}


.m_over00 {	margin: 0px; left: 176px; top: 28px; overflow: hidden; display: none; width:1100px; padding:10px 10px 0 10px; background:#000; font-size:12px; line-height:17px; color:#ffffff; padding-bottom:28px;position: absolute; z-index: 1000000;
}
.m_over01 {	margin: 0px; left: 153px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over01m {
	margin: 0px; left: 39px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over02 {	margin: 0px; left: 38px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over03 {	margin: 0px; left: 153px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over04 {	margin: 0px; left: 268px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over05 {	margin: 0px; left: 383px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over02m {
	margin: 0px; left: 39px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over06 {	margin: 0px; left: 268px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over07 {	margin: 0px; left: 613px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over08 {	margin: 0px; left: 498px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over09 {	margin: 0px; left: 613px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over10 {	margin: 0px; left: 153px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over11 {	margin: 0px; left: 268px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over12 {	margin: 0px; left: 383px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over13 {	margin: 0px; left: 498px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over14 {	margin: 0px; left: 613px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over15 {	margin: 0px; left: 728px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over16 {	margin: 0px; left: 383px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over17 {	margin: 0px; left: 498px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over18 {	margin: 0px; left: 613px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over19 {	margin: 0px; left: 153px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over20 {	margin: 0px; left: 268px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over21 {	margin: 0px; left: 383px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over22 {	margin: 0px; left: 613px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over23 {	margin: 0px; left: 153px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over24 {	margin: 0px; left: 268px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over25 {	margin: 0px; left: 383px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over26 {	margin: 0px; left: 498px; top: 24px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over27 {	margin: 0px; left: 613px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over28 {	margin: 0px; left: 268px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over29 {	margin: 0px; left: 268px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over30 {	margin: 0px; left: 498px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over31 {	margin: 0px; left: 613px; top: 134px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over32 {	margin: 0px; left: 153px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over33 {	margin: 0px; left: 268px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over34 {	margin: 0px; left: 383px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over35 {	margin: 0px; left: 498px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over36 {	margin: 0px; left: 613px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over37 {	margin: 0px; left: 268px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over38 {	margin: 0px; left: 383px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over39 {	margin: 0px; left: 498px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over40 {	margin: 0px; left: 613px; top: 244px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over41 {margin: 0px; left: 38px; top: 24px; width:1032px; overflow: hidden; display: none; position: absolute; z-index: 1000000; }
.m_over41 span{display:block; color:#F5F401; font-size:17px; padding:10px 0 10px 0;}

.m_over42 {
	margin: 0px; left: 245px; top: 35px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over43 {
	margin: 0px; left: 39px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over44 {
	margin: 0px; left: 39px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over46 {
	margin: 0px; left: 39px; top: 278px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over47 {
	margin: 0px; left: 245px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}
.m_over11m {
	margin: 0px; left: 39px; top: 116px; overflow: hidden; display: none; position: absolute; z-index: 1000000;
}

.m_over48 {margin: 0px; left: 38px; top: 24px; width:1032px; overflow: hidden; display: none; position: absolute; z-index: 1000000; }
.m_over48 span{display:block; color:#F5F401; font-size:17px; padding:10px 0 10px 0;}


.m_over49 {margin: 0px; left: 38px; top: 24px; width:1032px; overflow: hidden; display: none; position: absolute; z-index: 1000000; }
.m_over49 span{display:block; color:#F5F401; font-size:17px; padding:10px 0 10px 0;}


#view_Content{ position:relative; margin:30px 0 2px 0; padding:20px;min-width:700px; background:#fff;}
#view_Content:after{ content:""; display:block; clear:both;}



/*이미지 선택 뷰어 */
.sch_box{  box-sizing:border-box; overflow:hidden; background:#fff; width:99.7%; border:1px solid #dcdcdc; padding:6px 0; margin:0 20px 5px 0; font-family:"Nanum";}  
.sch_box ul{ width:100%; }
.sch_box ul li.left_elew{ width:500px; float:left; font-size:18px;  background:url("../images/ico_arrow.gif") no-repeat 5px 8px; font-weight:bold;line-height:28px; paddng-top:12px; margin-left:5px; padding-left:20px;  }
.sch_box ul li.right_elew{ width:400px; float:right; text-align:right; line-height:24px;}
.sch_box ul li input{ height:26px; line-height:24px; border:1px solid #c5c5c5; border-left-color:#c5c5c5; border-top-color:#c5c5c5; margin-right:5px;}
.sch_box ul li img{margin-right:4px;}
.sch_box ul li dl dt{ background:url(../images/page/ico_arrow02.png) no-repeat 0 8px; padding-left:7px; float:left; margin-left:12px; }
.sch_box ul li dl dd{ float:left;  font-family:"Nanum"; margin:0 0 0 5px; }
.sch_box ul li dl dd span{ display:block; padding:2px 10px; background:#9e9e9e; color:#fff; float:left; margin:2px 0 0 3px; line-height:18px;}
.sch_box ul li dl dd span.select{ background:#f39800;}
.sch_box  em.point{ color:#e60012;}
.sch_box  .btn_go{ margin-left:10px;}


/* 팝업 뷰어 */
.pop_box{  box-sizing:border-box; overflow:hidden; background:#fff url(../images/pop_title_bg.png)1px 0 no-repeat; width:99.7%; border:1px solid #dcdcdc; padding:6px 0; margin:0 20px 5px 0; font-family:"Nanum";} 
.pop_box ul{ width:100%; }
.pop_box ul li.p_title{ width:900px; float:left; font-size:18px;  font-weight:bold;line-height:28px; paddng-top:12px; margin-left:5px; padding-left:20px;  }
.pop_box ul li.p_title span{ display:inline-block; color:#fff; padding-left:10px;margin-right:54px; }

.p_cont_box{  margin:0 0 0 0px; font-family:"Nanum";}
.p_cont_box .pct_box{ width:99.2%; border:1px solid #dcdcdc; text-align:center; height:623px; margin:0 auto; background:#f4f4f4; }
.pct_box .lp_area{ position:relative; float:left; width:600px; height:623px; background:#fff url(../images/left_p_bg.png) no-repeat;  }

.pct_box .lp_area .textarea{ font-size:12px; text-align:justify; line-height:20px; padding:30px 30px; }
.pct_box .lp_area .origin{position: relative; left:30px; width: 540px; font-size: 12px; text-align:justify ; line-height: 20px; color: #c01b1b; }
.pct_box .rp_area{ float:right; width:388px; height:563px;background:url(../images/right_p_bg.png) no-repeat;padding:30px 30px;}
.rp_area .rbox{float:left; border:1px solid #cccccc; width:100%; background:#fff;  }
.rp_area .temp_title{ font-size:15px; display:inline-block; font-weight:bold; padding:7px 30px 7px 20px; color:#fff;background:#003366;border-top-left-radius:50px 90px;
border-bottom-right-radius:60px 90px}
.rp_area .textarea{ font-size:15px; text-align:justify; line-height:22px; padding:30px 30px; }
.rp_area .textarea2{ font-size:12px; text-align:justify; line-height:13px; padding:3px 30px; text-indent:-1.2em; }
.rp_area .textarea3{ font-size:12px; text-align:justify; line-height:12px; padding:5px 20px; }
.rp_area .textarea4{ font-size:12px; text-align:justify; line-height:15px; padding:5px 20px; }
.rp_area .textarea5{ font-size:12px; text-align:justify; line-height:15px; padding:0px 0px; }
.rp_area .textarea6{ font-size:12px; text-align:justify; line-height:18px; padding:5px 37px; text-indent:-1.2em; }
.rp_area .textarea7{ font-size:12px; text-align:justify; line-height:18px; padding:5px 20px; }
.rp_area .textarea8{ font-size:10px; text-align:center; line-height:12px; padding:0px 0px; }
.rp_area .textarea9{ font-size:10px; text-align:justify; line-height:10px; padding:3px 5px; }
.rbox img{vertical-align:middle;  max-width:100%; max-height:100%;}
.rp_area .t_box{font-size:12px; text-align:justify; float:left; margin-top:5px; height:40px;  }
.pop_tool{clear:both; float:left; text-align:left; height:50px; padding:0;  }



.ct_box{  margin:0 0 0 0px;}
.ct_box .imgbox{ width:98.6%; border:1px solid #dcdcdc; padding:10px 0 0 5px; text-align:center; height:340px; margin:0 auto; background:#f4f4f4; }
/* 옛한글 사용을 위해 폰트 적용 해야함 */
.ct_box .cont_txt{ float:left; width:97%;  margin-top:5px; padding:10px; font-size:15px; line-height:22px; font-family:"HCRDotum";}
.ct_box .title_box{display:inline-block; margin-top:5px; padding:6px 20px; line-height:15px; border-radius:2px; letter-spacing:10px; text-align:center; margin-left:10px; background:#1c2931; font-size:15px; color:#fff; }
.ct_box .txbox{ width:96%; margin-top:5px; padding:16px; font-size:13px; line-height:17px; height:200px; overflow-y:scroll}

/*테이블 스타일 */
table.type04 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.2;
    border-top: 1px solid #ccc;
  margin : 0px 10px;
}
table.type04 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type04 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type03 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.2;
    border-top: 0px solid #ccc;
  margin : 0px 10px;
}
table.type03 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 0px solid #ccc;
}
table.type03 td {
    padding: 2px;
    vertical-align: top;
    border-bottom: 0px solid #ccc;
}

table.type02 {
    border-collapse: separate;
    border-spacing: 10px;
    text-align: left;
    line-height: 1.2;
    border-top: 0px solid #ccc;
  margin : 0px 10px;
}
table.type02 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 0px solid #ccc;
}
table.type02 td {
    padding: 2px;
    vertical-align: top;
    border-bottom: 0px solid #ccc;
}

table.type08 { /*타임라인 팝업 테이블 스타일 */
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
    margin: 5px 0px;
}

table.type08 thead th {
    padding: 2px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c00;
    background: #dcdcd1;
}
table.type08 tbody th {
    padding: 2px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
}
table.type08 td {
    padding: 2px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  background: #ffffff;
}
table.type09 { /*타임라인 팝업 테이블 스타일(좋은것) */
    border-collapse: collapse;
    text-align: left;
    line-height: 0;
    border-left: 1px solid #ccc;
    margin: 5px 0px;
}

table.type09 thead th {
    padding: 0px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #c00;
    background: #dcdcd1;
}
table.type09 tbody th {
    padding:0px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
}
table.type09 td {
    padding: 0px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  background: #ffffff;
}

::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #9e9e9e;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #9e9e9e;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #9e9e9e;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #9e9e9e;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #fff;
   opacity:  1;
}

/* 2019-01-30일 */
#view_Content2{ position:relative; margin:30px 0 2px 0; padding:20px;  background:#fff;}
#view_Content2:after{ content:""; display:block; clear:both;}

.pop_box2{  float:left; background:#fff url(../images/pop_title_bg2.png)1px 0 no-repeat; width:99.7%; border:1px solid #dcdcdc;  font-family:"Nanum";margin-bottom:10px;  } 
.pop_box2 ul{ width:100%; }
.pop_box2 ul li.p_title2{margin-bottom:10px; width:900px; padding-top:14px; color:#fff; margin-bottom:20px;float:left; font-size:20px;  font-weight:bold;line-height:13px; margin-left:5px; padding-left:25px;  }


.p_cont_box2{  margin:0 0 0 0px; font-family:"Nanum";}
.p_cont_box2 .pct_box2{ width:99.2%; text-align:center;  margin:0 auto; background:#f4f4f4; }
.pct_box2 .lp_area2{  overflow-x: hidden; position:relative; float:left; width:100%;  height:640px;border:1px solid #d3d3d3; background:#fff url(../images/left_p_bg2.png) no-repeat;  }

.pct_box2 .lp_area2 .s_title_t{ margin:40px 0 5px 20px; float:left; padding:0 10px 0 10px; color:#dd6811; font-weight:bold; background:url(../images/ico_arrow.png)0 6px no-repeat; font-size:16px; line-height:22px; }
.pct_box2 .lp_area2 .textarea2{ float:left; text-align:left; font-size:12px; line-height:22px; padding:5px 20px; }
.pct_box2 .lp_area2 .origin{position: absolute; botttom: -80px; left:30px;top: 568px; width: 540px;height: 30px;  font-size: 12px;text-align: left;line-height: 20px; color: #c01b1b; }


/* 게시판 형식 테이블 */
.bbsTy1 { width:98%;  float:left; margin:10px 20px; overflow:hidden;  font-family:"Nanum"; font-size:16px;}
.bbsTy1 table.data { width:98%; margin-left:-1px; }
.bbsTy1 table.data th { padding:4px 2px 4px 2px; color:#fff; line-height:16px;  font-size:12px;font-weight:normal; border-bottom:1px solid #d7d7d7; background-color:#2b2b2b; }
.bbsTy1 table.data thead th { padding-left:0; padding-right:0; text-align:center; border-left:1px solid #d7d7d7;}
.bbsTy1 table.data tbody th { padding-left:12px; padding-right:12px; text-align:left}
.bbsTy1 table.data td { padding:5px;  font-size:12px; line-height:16px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; color:#585858; text-align:center; }
.bbsTy1 table.data a{ color:#585858; }
.bbsTy1 table.data a:hover { color:#2caca4; text-decoration:underline;}
.bbsTy1 table.data tr.line td{ border-top:1px solid #666}

/* 보기버튼 */
.list_box .bbsTy1 table.data .list_btn_on {text-align:center; padding:6px 12px; }
.list_box .bbsTy1 table.data .list_btn_on a {-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-weight:bold; color:#ffffff; background:#1ab283;  padding:6px 12px; }
.list_box .bbsTy1 table.data .list_btn_on a:hover {-webkit-border-radius: 2px 2px 2px 2px; text-decoration: none; border-radius: 2px 2px 2px 2px; color:#ffffff; font-weight:bold; background:#ff8a00;  padding:6px 12px; }

/* 이미지 */
.dy_img_area{float:left; width:98%; margin:10px 0 30px 10px;}
.dy_img_area .f_img_left{float:left; width:400px; margin-right:10px;}
.dy_img_area .f_img_left p{display:block; margin-top:10px;}
.dy_img_area .f_img_right{float:left; }
.dy_img_area .f_img_right p{display:block; margin-top:10px;}



.tabarea{float:left; margin:0 35px; display:inline:block; width:85%;height:auto; border:1px solid #f00;}


/*탭*/
.tabbox{width:100%; height:360px; float:left; margin-top:124px;margin-left:20px;}
.tabbox1{width:100%; height:150px; float:left; margin-left:30px;}
.tab{ position:relative;  margin:0px 0;  width:100%;  }
.tab ul li{ float:left; font-size:15px; font-weight:600; width:124px; line-height:38px; text-align:center; cursor:pointer;   }

.tab ul li:first-child{    }
.tab ul li.on{  background:#3b7ea2; line-height:38px; font-size:15px; color:#ef4900;  }
.tab ul li:hover{ color:#03a4b1 }
.tab ul li.on:hover{ color:#ef4900; }
.tab ul li a{ color:#fff}
.tab ul li.on a{ color:#fff;}